<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="css/login.css">
    <link rel="stylesheet" href="css/base.css">
    <script src="js/lib/require.js" data-main="./js/log_main"></script>

</head>
<body>
<header>
    <div class="head">
        <div class="left">
            <div class="log"><a href="#"><img src="img/logo.jpg" alt=""></a></div>
            <div class="line"></div>
            <div class="text">欢迎登陆</div>
        </div>
        <div class="right">
            <img src="img/phone-logo.png" alt="">
            <span>客服热线：4008-6767-38</span>
        </div>
    </div>
</header>
<section>
    <div class="center">
        <div class="right">
            <ul class="title">
                <li>扫码登录　　　|</li>

                <li>账户登录</li>
            </ul>
            <div class="body">
                <!--扫码登录-->
                <div class="qcode">
                    <div class="status">
                        <img src="img/logincode1.png" alt="" >
                        <img src="img/logincode2.png" alt="">
                    </div>
                    <div class="text">
                        <p>打开 <a href="javascript:void(0)">第五大道APP</a> 扫一扫登录</p>
                        <p><a href="#">立即注册有惊喜  ></a></p>
                    </div>
                </div>
                <!--账号登录-->
                <div class="user">
                    <form action="">
                        <p><input type="" name="uname" placeholder="邮箱/手机号/账号"/></p>
                        <p><input type="" name="upwd" placeholder="密码"/></p>
                        <div class="error"></div>
                        <input type="submit" value="立即登录" id="btn"/>
                        <ul>
                            <li><input type="checkbox"/><span>自动登录</span></li>
                            <li><a href="register.html">立即注册</a> | <a href="#">忘记密码？</a></li>
                        </ul>
                    </form>
                </div>
                <!--其他方式登录-->
                <div class="othertype"></div>
                <div class="choicetype">
                    <ul>
                        <li><a href="#"><img src="img/wx.png" alt=""></a></li>
                        <li><a href="#"><img src="img/qq.png" alt=""></a></li>
                        <li><a href="#"><img src="img/wb.png" alt=""></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="fwrapper">
    <div class="footer">
        <div class="ftop">
            <ul>
                <li><a href="#"><img src="img/ftop-1.jpg" alt=""></a>
                    <p>正品保障</p>
                    <p>品牌授权，官方验真</p>
                </li>
                <li><a href="#"><img src="img/ftop-2.jpg" alt=""></a>
                    <p>专柜发货</p>
                    <p>专柜直接或到店自取</p>
                </li>
                <li><a href="#"><img src="img/ftop-3.jpg" alt=""></a>
                    <p>无忧售后</p>
                    <p>7天无理由退换货</p>
                </li>
                <li><a href="#"><img src="img/ftop-4.jpg" alt=""></a>
                    <p>VIP服务</p>
                    <p>享品牌会员售前售后服务</p>
                </li>
                <li><a href="#"><img src="img/ftop-5.jpg" alt=""></a>
                    <p>权威荣誉</p>
                    <p>商务部授予诚信示范企业</p>
                </li>
            </ul>
        </div>
        <div class="fcenter">
            <dl>
                <dt >服务保障</dt>
                <dd><a href="#">品牌授权正品</a></dd>
                <dd><a href="#">品牌客服</a></dd>
                <dd><a href="#">预约到店体验</a></dd>
                <dd><a href="#">7天无理由退换</a></dd>
            </dl>
            <dl>
                <dt>使用帮助</dt>
                <dd><a href="#">常见问题</a></dd>
                <dd><a href="#">会员制度</a></dd>
                <dd><a href="#">集团采购</a></dd>
                <dd><a href="#">礼品卡</a></dd>
            </dl>
            <dl>
                <dt>支付方式</dt>
                <dd><a href="#">到店付款</a></dd>
                <dd><a href="#">货到付款</a></dd>
                <dd><a href="#">在线支付</a></dd>
                <dd><a href="#">余额支付</a></dd>
                <dd><a href="#">分期付款</a></dd>
            </dl>
            <dl>
                <dt>配送方式</dt>
                <dd><a href="#">配送说明</a></dd>
                <dd><a href="#">专柜自提</a></dd>
                <dd><a href="#">运费说明</a></dd>
                <dd><a href="#">验货签收</a></dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd><a href="#">品牌售后</a></dd>
                <dd><a href="#">售后咨询</a></dd>
                <dd><a href="#">退换政策</a></dd>
                <dd><a href="#">发票保障</a></dd>
            </dl>

            <dl>
                <dt>第五大道APP</dt>
                <a href="#"><img src="img/fcode-1.jpg" alt=""></a>
            </dl>


            <dl>
                <dt>第五大道微博</dt>
                <a href="#"><img src="img/fcode-2.jpg" alt=""></a>
            </dl>



        </div>
    </div>
    <div class="wrap">
        <div class="fbottom">
            <div class="top" >

                <a href="#">美妆  |</a>
                <a href="#">服饰  |</a>
                <a href="#">腕表  |</a>
                <a href="#">配饰  |</a>
                <a href="#">鞋靴  |</a>
                <a href="#">特惠  |</a>
                <a href="#">礼品区</a>
            </div>
            <div class="middle">
                <a href="#">关于第五大道  |</a>
                <a href="#">网站地图  |</a>
                <a href="#">品牌合作专区  |</a>
                <a href="#">媒体聚焦  |</a>
                <a href="#">商务合作  |</a>
                <a href="#">商家合作  |</a>
                <a href="#">加入第五大道  |</a>
                <a href="#">友情链接  |</a>
                <a href="#">奢尚志  |</a>
                <a href="#">联系我们  |</a>
                <a href="#">投诉建议</a>
                <p>Copyright © 2008-2016 瑞美嘉信国际信息技术（北京）有限公司&nbsp; 版权所有京ICP备09012701号-1
                    京公网安备110105007400号 食品经营许可证号：
                </p>
            </div>
            <div class="bottom">
                <a href="#"><img src="img/fbottom-1.jpg" alt=""></a>
                <a href="#"><img src="img/fbottom-2.jpg" alt=""></a>
                <a href="#"><img src="img/fbottom-3.jpg" alt=""></a>

            </div>
        </div>
    </div>

</div>
<div class="slidebar">
    <ul>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
        <li><a href="#"></a></li>
    </ul>
</div>
</body>
</html>